<template>
    <div class="service" @click="top">
        <div class="box-in">
            <img src="../assets/img/top_top.png" alt="">

        </div>
    </div>
</template>

<script>

  const name = 'back';
  
  const top = () => {
    document.documentElement.scrollTop = document.body.scrollTop = 0
  };
</script>

<style scoped >
    .box-in{
        position: relative;
        top: -20px;
    }
    .service{
        position: fixed;
        width: 50px;
        height: 55px;
        right: 10px;
        top: 82%;
        bottom: 80px;
        padding-top: 20px;
        text-align: center;
        background-color: whitesmoke;
        border-radius: 20%;
        overflow: hidden;
        box-shadow: 0 0 8px 0;
    }


</style>
